<html>
<head>
<{script src="moo.min.js" app="site" pdir="js_mini"}>
<{css src="basic.min.css" app="b2c" pdir="css_mini"}>
<style type="text/css">
.mod-title {
	margin-top:25px;
	margin-bottom:20px;
	font-size:70px;
    line-height: 32px;
	font-weight: 400;
	color: #555;
	padding-left: 10px;
}
.adjunct-items {
    position: relative;
}
.item{
    width: 300px;
}
.prev {
    left: 0;
}
.flip {
    position: absolute;
    /*top: 40px;*/
}
.over a {
    background-color: #f6f6f6;
    color: #ccc;
    cursor: default;
}
.flip a {
    width: 15px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    display: block;
    background-color: #efefef;
    color: #666;
}
.icon {
    font-family: iconfonts,sans-serif;
}
a {
    text-decoration: none;
}
.next {
    right: 20;
}
.adjunct-group {
    margin: 0 15px;
    overflow: hidden;
}
#menu, #menu li {
 list-style:none;
 padding:0;
 margin:0;
 display:inline-block;
}
 .weul { 
/*overflow: hidden;*/
display:inline;
white-space: nowrap;
}
</style>
</head>
<body>
<div id="product_section" style="width:100%">
	<{$intro}>
</div>
<script type="text/javascript">
	var w = document.body.clientWidth;  //宽度
	var li_margin = (w-600)/5;
	var re_w = w;
	var li_w = re_w/2;//680
	document.getElementById("menu").style.width=re_w;
	var li = $$('.item');
	var nums = li.length;
	var num = '';
	var zong_long = num*li_w;
// debugger;
	for (var i = nums - 1; i >= 0; i--) {
		// li[i].style.width=li_w;
		li[i].style.marginLeft=li_margin;
		li[i].style.marginRight=li_margin;
	};

	var show_left = function(){
		if(num <= 0){
			return;
		}
		num = num-2;
		var marginLeft = document.getElementById("menu").style.marginLeft;
		if(marginLeft){
			marginLeft = marginLeft.substring(0,marginLeft.length-2);
			if(marginLeft == '0'){
				return;
			}
		}
		var px = parseFloat(marginLeft)+parseFloat(re_w);
  		document.getElementById("menu").style.marginLeft = px;	
	}
	var show_right = function(goods_id){
		// debugger;
		num = parseFloat(num)+parseFloat(2);
		if(num>nums){
			count = num-nums;
			if(count == 1 || count ==0){
				return;
			}
		}
		var marginLeft = document.getElementById("menu").style.marginLeft;
		if(marginLeft){
			marginLeft = marginLeft.substring(0,marginLeft.length-2);
			if(marginLeft == '-'+zong_long){
				return;
			}
		}
		var px = marginLeft-re_w;
  		document.getElementById("menu").style.marginLeft = px;	
	}
	var popup = function(goods_id){
      	openNative.getProduct(goods_id);		
	}
</script>
</body>

</html>